<template>
    <div class="right" style="padding: 0">
        <div>
            <div class="ca-welcome">
                <!--<div class="ca-welcome__box">
                    <div>欢迎使用投资管理系统</div>
                    <div>当前版本： v1.0.0</div>
                </div>-->
                <div class="ca-welcome-welcome ca-m-t-10">
                    <img src="../../assets/images/welcome-welcome.png"  />
                </div>
                <div class="ca-welcome-system ca-m-t-20">
                    <img src="../../assets/images/welcome-system.png"  />
                </div>
            </div>
        </div>
    </div>
</template>
<script type="text/ecmascript-6">

    export default {
        data() {
            return {

            }
        }
    }
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
    .ca-welcome {
        width: calc(100% - 205px);
        height: 100%;
        position: absolute;
        background: url("~__assets/images/welcome.jpg") center no-repeat;
        background-size: cover;
    }
    .ca-welcome__box {
        width: 200px;
        height: 50px;
        margin: 350px auto;
    }
    .ca-welcome__box > div {
        font-size: 18px;
        font-weight: bold;
        text-align: center;
    }
    .ca-welcome-welcome {
        position: absolute;
        width: 100%;
        top: 79%;
        text-align: center;
        img {
            width: 27.6%;
        }
    }
    .ca-welcome-system {
        position: absolute;
        width: 100%;
        top: 88.55%;
        text-align: center;
        img {
            width: 19.8%;
        }
    }
</style>
